CSS Shadow Effects Guide

Interactive Shadow Builder

Experiment with different shadow values to see how they affect the appearance.

Offset X: 10px

Offset Y: 10px

Blur Radius: 15px

Spread: 0px

Color: Opacity: 30%

Inset:

DEMO

box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.3);